<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">    
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<title>提交订单</title>
<link rel="stylesheet" href="<%=path %>/css/amazeui.min.css" />
<link rel="stylesheet" href="<%=path %>/css/wgj_style.css" />
<script type="text/javascript" src="<%=path %>/js/jquery.min.js"></script>
<script type="text/javascript" src="<%=path %>/js/amazeui.min.js"></script>
<!--******弹出窗口开始******-->
<script type="text/javascript">
	function showid(idname,otherId){
		if(otherId!=""){
			$("#"+otherId).css("display","none"); 
		}
		var isIE = (document.all) ? true : false;
		var isIE6 = isIE && ([/MSIE (\d)\.0/i.exec(navigator.userAgent)][0][1] == 6);
		var newbox=document.getElementById(idname);
		newbox.style.zIndex="9999";
		newbox.style.display="block"
		newbox.style.position = !isIE6 ? "fixed" : "absolute";
		newbox.style.top =newbox.style.left = "50%";
		newbox.style.marginTop = - newbox.offsetHeight / 2 + "px";
		newbox.style.marginLeft = - newbox.offsetWidth / 2 + "px";  
		var layer=document.createElement("div");
		layer.id="layer";
		layer.style.width=layer.style.height="100%";
		layer.style.position= !isIE6 ? "fixed" : "absolute";
		layer.style.top=layer.style.left=0;
		layer.style.backgroundColor="#000";
		layer.style.zIndex="9998";
		layer.style.opacity="0.6";
		document.body.appendChild(layer);
		var sel=document.getElementsByTagName("select");
		for(var i=0;i<sel.length;i++){        
			sel[i].style.visibility="hidden";
		}
		function layer_iestyle(){      
			layer.style.width=Math.max(document.documentElement.scrollWidth, document.documentElement.clientWidth)
			+ "px";
			layer.style.height= Math.max(document.documentElement.scrollHeight, document.documentElement.clientHeight) +
			"px";
		}
		function newbox_iestyle(){      
			newbox.style.marginTop = document.documentElement.scrollTop - newbox.offsetHeight / 2 + "px";
			newbox.style.marginLeft = document.documentElement.scrollLeft - newbox.offsetWidth / 2 + "px";
		}
		if(isIE){layer.style.filter ="alpha(opacity=60)";}
		if(isIE6){  
			layer_iestyle()
			newbox_iestyle();
			window.attachEvent("onscroll",function(){                              
			newbox_iestyle();
			})
			window.attachEvent("onresize",layer_iestyle)          
		}  
		layer.onclick=function(){newbox.style.display="none";layer.style.display="none";for(var i=0;i<sel.length;i++){
			sel[i].style.visibility="visible";
		}}
	}
	//提交表单
	function submit(){
		//是否同意服务条款
		if($("#agree").prop("checked")){
			$("#form1")[0].submit();
		}else{
			alert("b");
		}
	}
</script>
<!--******弹出结束******-->
</head>

<body>
	<form action="<%=path %>/carType/addReserveHour" method="post" id="form1">
		<input type="hidden" name="reserveHour.TerminalName" value="${reserveHour.TerminalName }" /><!-- 部门名称 -->
		<input type="hidden" name="reserveHour.carTypeId" value="${reserveHour.carTypeId }"  />  <!--车型Id  -->
		<input type="hidden" name="reserveHour.carType" value="${reserveHour.carType }"  />  <!-- 车型名称 -->
		<input type="hidden" name="reserveHour.carLocalId" value="${reserveHour.carLocalId }" />	<!-- 部门Id -->
		<input type="hidden" name="reserveHour.usefencomid" value="${reserveHour.usefencomid }" />	<!-- 分公司ID -->
		<input type="hidden" name="reserveHour.usecomid" value="${reserveHour.usecomid }"  />	<!-- 总公司公司ID -->
		<input type="hidden" name="reserveHour.hourFee" value="${reserveHour.hourFee }" id="hourPrice" />	<!-- 时租价格 -->
		<input type="hidden" name="reserveHour.clientName" value="${reserveHour.clientName }"  />	<!-- 预定人 -->
		<input type="hidden" name="reserveHour.clientId" value="${reserveHour.clientId }"  />	<!-- 预定人Id -->
		<input type="hidden" name="reserveHour.clientPhone" value="${reserveHour.clientPhone }" /> <!-- 预订人电话 -->
		<input type="hidden" name="date" value="${date }"  />	<!-- 预定时间 -->
		<input type="hidden" name="reserveHour.clientIdCard" value="${reserveHour.clientIdCard }"  />	<!-- 预定时间 -->
		<input type="hidden" name="reserveHour.hourLimitKM" value="${reserveHour.hourLimitKM  }"  />	<!-- 时限里程 -->
		<input type="hidden" name="reserveHour.overDriveFeeUnit" value="${reserveHour.overDriveFeeUnit }"  />	<!-- 超里程费 -->
		<input type="hidden" name="reserveHour.carDeposit" value="${reserveHour.carDeposit }" />
		<input type="hidden" name="reserveHour.TerminalAddress" value="${reserveHour.TerminalAddress }" />
	</form>
	<section id="Content">
	  	<div class="ddxq">
	    	<h2>订单详情</h2>
	        <ul>
	        	<li><label for="">用车人：</label>${reserveHour.clientName }</li>
	            <li><label for="">联系电话：</label>${reserveHour.clientPhone }</li>
	            <li><label for="">车型：</label>${reserveHour.carType}</li>
	            <li><label for="">时租价格：</label>${reserveHour.hourFee }元/小时</li>
	            <li><label for="">时限里程：</label>${reserveHour.hourLimitKM }公里/小时</li>
	            <li><label for="">超里程费：</label>${reserveHour.overDriveFeeUnit }元/公里</li>
	            <li><label for="">预授权：</label>${reserveHour.carDeposit }元</li>
	            <li><label for="">取车地点：</label>${reserveHour.TerminalAddress }</li>
	            <li><label for="">取车时间：</label>${date}</li>
	    	</ul>
	    </div>
	    <div class="zmxy">
	    	<img src="<%=path %>/image/icon_zmxy.png" />
	        <p>芝麻信用可为您提供免押金租车 <a href="javascript:;" onclick="showid('zmxy');">猛戳试一试？</a></p>
	    </div>
	  	<div class="checkbox"><input class="checked" type="checkbox" name="agree"  id="agree" /><a href="javascript:;" onclick="showid('fwtk','');">我已阅读并同意相关服务条款和隐私政策</a></div>	
	    <div class="mt30"><a class="yuanjiao green_btn" href="javascript:void(0);" onclick="submit();">确认订单</a></div>
	</section>
	<section>
		<div id="zmxy" class="ddxq" style="display:none;">
	    	<h3><img src="<%=path %>/image/logo_zmxy.png" /></h3>
	        <ul class="fwtk_ul">
	        	<li>1.您点击“确认”按钮接受如下内容：</li>
	            <li class="t_i_20">授权微公交将您的姓名和身份证号码传递给芝麻信用，用于像支付宝查询您的支付宝账户及常用手机号码并用以身份校验。</li>
	            <li>2.您已阅读并同意《芝麻信用服务服务协议》。</li>
	            <li>3.授权微公交像芝麻信用查询您的芝麻分和相关信用信息，用于友借友还还决定其与您之间的交易或服务条件，本项授权在授权之后一年内有效。</li>
	        </ul>
	        <div class="jump_btn"><a class="yuanjiao green_btn" href="javascript:;" onclick="showid('zmxy_yes','zmxy');">同意授权</a></div>
	    </div>
	    <div id="zmxy_yes" class="ddxq" style="display:none;">
	    	<h3><img src="<%=path %>/image/logo_zmxy.png" /></h3>
	        <ul class="fwtk_ul">
	        	<li>&nbsp;</li>
	            <li class="fs18 tc">恭喜获得免押金租车资格！</li>
	            <li>&nbsp;</li>
	        </ul>
	        <div class="jump_btn"><a class="yuanjiao green_btn" href="javascript:;">我知道了</a></div>
	    </div>
	    <div id="zmxy_no" class="ddxq" style="display:none;">
	    	<h3><img src="<%=path %>/image/logo_zmxy.png" /></h3>
	        <ul class="fwtk_ul">
	        	<li>&nbsp;</li>
	            <li>很遗憾，芝麻分600及以上才可以试用免押金租车服务。</li>
	            <li>好好积累点点滴滴的信用记录，过段时间再来试试！</li>
	            <li>&nbsp;</li>
	        </ul>
	        <div class="jump_btn"><a class="yuanjiao green_btn" href="javascript:;">我知道了</a></div>
	    </div>
	</section>
	<section id="Content">
	    <div id="fwtk" class="ddxq" style="display:none;">
	        <h2>服务条款</h2>
	        <ul class="fwtk_ul">
	        	<li>1.蒙牛酸酸乳</li>
	            <li>2.伊利早餐奶</li>
	            <li>3.哈哈哈哈哈</li>
	            <li>4.呵呵呵呵呵呵</li>
	            <li>5.嘿嘿嘿嘿嘿嘿</li>
	            <li>6.嘻嘻嘻嘻嘻嘻</li>
	        </ul>
	    </div>
	</section>
</body>
</html>

